// 01- 页面的定义
// const Home = {
//     template: "..."
// }

// const About = {
//     template:"..."
// }
import Home from './pages/Home.vue'
import My from './pages/My.vue'
import Channel from './pages/Channel.vue'
import Player from './pages/Player.vue'
import Login from './pages/Login.vue'

/*
地址栏：    http://localhost:3000/#/play
主机                +端口       +路径（对应 path 属性）
http://localhost    :3000     /#/play

Hash值
/#

主机                +端口       +路径（对应 path 属性）   +查询(query)
http://localhost:   3000        /#/play/6666688888        ?userid=123&src=aaaaaaa
*/


// 只有设置了 name 的时候我们才可以使用 第二程跳转方法（name+params)

const routes = [
    // 首页
    { path: "/", component: Home },

    // 个人主页
    {path: '/my', component: My},

    // 频道列表
    {path: '/channel', component: Channel},

    // 播放器
    // 带参数的动态路由匹配 // 动态字段以冒号开始
    // {path: '/play', component: Player},
    {path: '/play', component: Player},

    // 匹配所有的字符
    {path: '/play/:movie_id', component: Player},

    // 只匹配数字
    // {path: '/play/:movie_id(\\d+)', component: Player},

    // 登陆界面
    { path:"/login", component: Login , name:"login"},

]

export default routes;